import { StyleSheet } from 'react-native';

import { phonePx } from '../../../../util/adapt';

export default StyleSheet.create({
  container: {
    position: 'absolute',
    left: 0,
    top: 0,
    right: 0,
    bottom: 0,
    backgroundColor: '#ffffff'
  },
  content: {
    flex: 1,
    backgroundColor: '#ffffff',
    alignItems: 'center'
  },
  volumeContent: {
    marginTop: phonePx(154),
    width: phonePx(222),
    height: phonePx(32),
    backgroundColor: 'red'
  },
  volumeNumber: {
    marginTop: phonePx(24),
    color: '#2A2A2A',
    fontSize: phonePx(18),
    lineHeight: phonePx(21),
    fontWeight: '500'
  },
  startContent: {
    marginTop: phonePx(70),
    width: phonePx(120),
    height: phonePx(120),
    borderRadius: phonePx(60),
    alignItems: 'center',
    justifyContent: 'center'
  },
  desc: {
    color: '#2A2A2A',
    fontSize: phonePx(16),
    lineHeight: phonePx(22),
    marginTop: phonePx(24)
  },
  notRecord: {
    color: '#DADEE5'
  },
  notRecordContent: {
    width: phonePx(96),
    height: phonePx(96),
    alignItems: 'center',
    justifyContent: 'center',
    backgroundColor: '#FDD753',
    borderRadius: phonePx(48)
  },
  microphone: {
    width: phonePx(36),
    height: phonePx(57)
  },
  record: {
    width: phonePx(120),
    height: phonePx(120),
    borderRadius: phonePx(60),
    alignItems: 'center',
    justifyContent: 'center',
    backgroundColor: 'rgba(253, 215, 83, .3)'
  },
  square: {
    width: phonePx(28),
    height: phonePx(28),
    borderRadius: phonePx(4),
    backgroundColor: '#FFFFFF'
  }
});
